<!DOCTYPE html>
<html lang="en">
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <title>Home - Home Page | Photo Art - Free Website Template from
      Templates.com</title>
    <meta name="description" content="Place your description here">
    <meta name="keywords" content="put, your, keyword, here">
    <meta name="author" content="Templates.com - website templates provider">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/cufon-replace.js"></script>
    <script type="text/javascript" src="js/AG_Foreigner_Light-Plain_400.font.js"></script>
    <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
    <script type="text/javascript" src="js/tabs.js"></script>
    <script type="text/javascript" src="js/jquery.faded.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <!--[if lt IE 7]>
		 <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">		 <script type="text/javascript" src="js/ie_png.js"></script>		 <script type="text/javascript">				ie_png.fix('.png, ul.tabs li a, ul.tabs li a span, ul.tabs li a span, figure img');		 </script><![endif]-->
    <!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>	<![endif]-->
  </head>
  <body id="page1">
    <div class="wrap">
      <div class="ic"><!-- HLinks --></div>
      <!-- header -->
      <header>
        <div class="container">
          <h1><a href="index.html">Video Minuto<span></span></a></h1>
          <nav>
            <ul>
              <li><a href="index.html" class="active"><span><span>Home</span></span></a></li>
              <li><a href="about-us.html"><span><span>Peliculas</span></span></a></li>
              <li><a href="privacy.html"><span><span>Series</span></span></a></li>
              <li><a href="gallery.html"><span><span>Colecciones</span></span></a></li>
              <li><a href="gallery.html"><span><span>Buscar</span></span></a></li>
            </ul>
          </nav>
          <ul class="tabs">
            <li><a href="#tab1"><span><span>Category 1</span></span></a></li>
            <li><a href="#tab2"><span><span>Category 2</span></span></a></li>
            <li><a href="#tab3"><span><span>Category 3</span></span></a></li>
            <li><a href="#tab4"><span><span>Category 4</span></span></a></li>
            <li><a href="#tab5"><span><span>Category 5</span></span></a></li>
          </ul>
          <div class="tab_container">
            <div id="tab1" class="tab_content">
              <div class="faded">
                <ul class="big-image">
                  <li><img src="images/slide1-1big.jpg"></li>
                  <li><img src="images/slide1-2big.jpg"></li>
                  <li><img src="images/slide1-3big.jpg"></li>
                </ul>
                <ul class="pagination">
                  <li><a href="#" rel="0"><img src="images/slide1-1.jpg"></a></li>
                  <li><a href="#" rel="1"><img src="images/slide1-2.jpg"></a></li>
                  <li><a href="#" rel="2"><img src="images/slide1-3.jpg"></a></li>
                </ul>
              </div>
            </div>
            <div id="tab2" class="tab_content">
              <div class="faded">
                <ul class="big-image">
                  <li><img src="images/slide2-1big.jpg"></li>
                  <li><img src="images/slide2-2big.jpg"></li>
                  <li><img src="images/slide2-3big.jpg"></li>
                </ul>
                <ul class="pagination">
                  <li><a href="#" rel="0"><img src="images/slide2-1.jpg"></a></li>
                  <li><a href="#" rel="1"><img src="images/slide2-2.jpg"></a></li>
                  <li><a href="#" rel="2"><img src="images/slide2-3.jpg"></a></li>
                </ul>
              </div>
            </div>
            <div id="tab3" class="tab_content">
              <div class="faded">
                <ul class="big-image">
                  <li><img src="images/slide3-1big.jpg"></li>
                  <li><img src="images/slide3-2big.jpg"></li>
                  <li><img src="images/slide3-3big.jpg"></li>
                </ul>
                <ul class="pagination">
                  <li><a href="#" rel="0"><img src="images/slide3-1.jpg"></a></li>
                  <li><a href="#" rel="1"><img src="images/slide3-2.jpg"></a></li>
                  <li><a href="#" rel="2"><img src="images/slide3-3.jpg"></a></li>
                </ul>
              </div>
            </div>
            <div id="tab4" class="tab_content">
              <div class="faded">
                <ul class="big-image">
                  <li><img src="images/slide4-1big.jpg"></li>
                  <li><img src="images/slide4-2big.jpg"></li>
                  <li><img src="images/slide4-3big.jpg"></li>
                </ul>
                <ul class="pagination">
                  <li><a href="#" rel="0"><img src="images/slide4-1.jpg"></a></li>
                  <li><a href="#" rel="1"><img src="images/slide4-2.jpg"></a></li>
                  <li><a href="#" rel="2"><img src="images/slide4-3.jpg"></a></li>
                </ul>
              </div>
            </div>
            <div id="tab5" class="tab_content">
              <div class="faded">
                <ul class="big-image">
                  <li><img src="images/slide5-1big.jpg"></li>
                  <li><img src="images/slide5-2big.jpg"></li>
                  <li><img src="images/slide5-3big.jpg"></li>
                </ul>
                <ul class="pagination">
                  <li><a href="#" rel="0"><img src="images/slide5-1.jpg"></a></li>
                  <li><a href="#" rel="1"><img src="images/slide5-2.jpg"></a></li>
                  <li><a href="#" rel="2"><img src="images/slide5-3.jpg"></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </header>
      <div class="container">
        <!-- aside -->
        <aside>
          <div class="inside">
            <h2>Usuarios:</h2>
            <ul class="list">
              ${usuarios}
            </ul>
            <a href="Personas.jsp">Registrar Personas</a>
            <figure><img src="images/extra-img.png"></figure>
          </div>
        </aside>
        <!-- content -->
        <section id="content">
          <div class="wrapper">
            <article class="col-1">
              <h2>Welcome!</h2>
              <img src="images/1page-img.jpg" class="img-indent">
              <p>Photo Art is a free web template created by TemplateMonster
                team, optimized for 1024X768 screen resolution. It is also HTML5
                &amp; CSS3 valid. This website has several pages: <a href="index.html">Home</a>,
                <a href="about-us.html">About</a>, <a href="privacy.html">Privacy</a>,
                <a href="gallery.html">Gallery</a>, <a href="contact-us.html">Contact</a>
                (contact form – doesn’t work), <a href="sitemap.html">Sitemap</a>.</p>
            </article>
            <article class="col-2">
              <h2>Fresh News:</h2>
              <ul class="news">
                <li><span>4</span><strong><a href="#">Nam libero tempore</a><br>
                    Cum soluta nobis est eligendi optio cumque.</strong></li>
                <li><span>2</span><strong><a href="#">Ut enim ad minima veniam</a><br>
                    Quis autem vel eum iure reprehenderit qui.</strong></li>
                <li><span>5</span><strong><a href="#">Sed perspiciatis unde</a><br>
                    Nemo enim ipsam voluptatem quia voluptas aspernatur.</strong></li>
              </ul>
            </article>
          </div>
        </section>
      </div>
    </div>
    <!-- footer -->
    <footer>
      <div class="container">
        <div class="inside"> <a rel="nofollow" href="http://www.templatemonster.com"
            class="new_window">Website template</a> designed by
          TemplateMonster.com<br>
          <a href="http://www.templates.com/product/3d-models/" class="new_window">3D
            Models</a> provided by Templates.com<br>
          <!-- VLinks --></div>
      </div>
    </footer>
  </body>
</html>
